<template>
  <div class="include-users clearfix">
   <!-- 包含用户 -->
  <ShowTable :tableData='tableData' :selections='selections' :lableList='lableList' :talLength='talLength' :pageSize='pageSize' :pageNum='pageNum' @getSortableFn='getSortableFn'></ShowTable>
  </div>
</template>

<script>
import ShowTable from '../components/table/show-table'
export default {
  name: '',
  data(){
    return {
      tableData:[
        {
          n1:'账号1',
          n2:'角色2',
          n3:'部门3',
          n4:'姓名3',
          n5:'邮箱3',
          n6:'手机号码',
          n7:'电话号码33',
          n8:'是',
          n9:'否',
        }
      ],
      selections:false,
      lableList:{
        n1:'账号',
        n2:'角色',
        n3:'部门',
        n4:'姓名',
        n5:'邮箱',
        n6:'手机号码',
        n7:'电话号码',
        n8:'允许登录',
        n9:'是否禁用',
      },
      talLength:30,
      pageSize:15,
      pageNum:1
    }
  },
  props:[],
  created(){

  },
  mounted(){

  },
  methods:{
    getSortableFn(e) {
      console.log(e,'表格发生的事件')
    }
  },
  components:{
    ShowTable
  },
  computed:{

  },
  watch:{

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='scss' scoped>

</style>
